﻿<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui/css/H-ui.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/H-ui.admin.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/skin/default/skin.css}" id="skin"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/style.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/static/lib/laypage/1.2/skin/laypage.css}">
	<script type="text/javascript" th:src="@{/static/lib/jquery/1.9.1/jquery.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/layer/2.4/layer.js}"></script>
	<script type="text/javascript" th:src="@{/static/h-ui/js/H-ui.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/h-ui.admin/js/H-ui.admin.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/My97DatePicker/4.8/WdatePicker.js}"></script>
	<script type="text/javascript" th:src="@{/static/lib/datatables/1.10.0/jquery.dataTables.min.js}"></script>
	<script th:src="@{/static/lib/vue.min.js}"></script>
	<script th:src="@{/static/js/laypage/laypage.js}"></script>
<title>课程类型</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 课程分类管理 <span class="c-gray en">&gt;</span> 课程一级列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<!--<div class="text-c">
		<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
	 <span class="select-box inline">
		&lt;!&ndash;<select name="" class="select">
			<option value="0">全部分类</option>
			<option value="1">分类一</option>
			<option value="2">分类二</option>
		</select>&ndash;&gt;
		</span> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
		<input type="text" name="" id="" placeholder=" 资讯名称" style="width:250px" class="input-text">
		<button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜资讯</button>
	</div>-->
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" data-title="添加课程类型" data-href="article-add.html"  id="addType" onclick="Hui_admin_tab(this)" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加课程类型</a></span> <span class="r">共有数据：<strong id="total">54</strong> 条</span> </div>
	<div class="mt-20" id="app">
		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
			<thead>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="80">序号</th>
					<th>课程一级分类</th>
					<th width="120">操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="text-c" v-for="(item,index) in result">
					<td><input type="checkbox" value="" name=""></td>
					<td>{{index+1}}</td>
					<td>{{item.typeName}}</td>
					<td class="f-14 td-manage"><a style="text-decoration:none" onClick="article_stop(this,'10001')"  @click="getSubjectById(item.typeId)" title="二级分类"><i class="Hui-iconfont">&#xe6de;</i></a> <a style="text-decoration:none" class="ml-5"  @click="updateType(item.typeId)"  title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5" @click="delCacheType(item.typeId)"  title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
			</tbody>
		</table>
		<div id="pagenav"></div>
	</div>
</div>
</body>
<script th:inline="javascript">
	$(function () {
		var app = new Vue({
			el: '#app',
			data: {
				result: []
			}
		});


		var getAllTypePages = function (curr) {
			$.ajax({
				type: 'POST',
				dataType: 'JSON',
				url: '/type/getAllTypePages',
				data: {
					pageNum: curr || 1,
					pageSize: 3,
				},
				success: function (result) {
					app.result = result.page.list;
					var pages=result.total;
					$("#total").html(pages)
					laypage({
						cont: 'pagenav',
						skin: '#008B8B',
						pages: result.pages,
						first: "首页",
						last: "尾页",
						curr: curr || 1,
						jump: function (obj, first) {
							if (!first) {
								getAllTypePages(obj.curr)
							}
						}
					});
				}
			});
		}
		getAllTypePages()



		$("#addType").click(function () {
			layer.open({
				type: 2,
				title: '添加一级分类',
				fix: false,
				maxmin: true,
				shadeClose: true,
				area: ['1000px', '600px'],
				content: '/type/addType'
			});
		})


		updateType=function(id){
			location.href='/type/getTypeById?id='+id
		}

		getSubjectById = function (id) {
			location.href='/subject/toSubject?id='+id
		}

		$("#search").click(function () {
			getOutAdminBillPage()
		});

        delCacheType=function(id){
            layer.confirm('您确定要级联删除吗？',
                {btn:['残忍删除','我在想想']},
                function () {
                    $.ajax({
                        url:'/type/delTypeSubjectCourseByTid',
                        type:'POST',
                        dataType:'json',
                        data:{
                            id:id
                        },
                        success:function (result) {
                        	if(result=="0"){
								layer.msg('其下没有子课程，可以进行编辑操作',{icon:1,time:2000,shade:0.4},function() {
									location.href = '/type/getAllType'})
							}else {
								window.history.go(-1)
							}

                        }
                    })
                } ,function (){

                })
        }




	});

</script>
<!--<script >
	function delOutAdminBill(id){
		layer.confirm('您确定要删除吗？',
				{btn:['残忍删除','我在想想']},
				function () {
					$.ajax({
						url:'/adminBill/delOutAdminBill',
						type:'POST',
						dataType:'json',
						data:{
							id:id
						},
						success:function () {
							location.href='/adminBill/toOutAdminBill'
							layer.msg('已成功删除记录'+id,{icon:6})
						}
					})
				} ,function (){

				})
	}
</script>-->
</html>